//Page Object
import {request} from'../../request/index'
const db=wx.cloud.database()
const showNum={recommend:0,season:0,Promotion:0}
Page({
  data: {
    lunbotu:[],
    daohan:[],
    louceng1:[],
    loucengItem:[],
    pp:'',
    current: 'recommend',//标签页中当前选择的key值
		recommend:[],//推荐、季节、低价促销数据
		// display:[],
		isFixed:false,
		show:[false,false,false],
		recommendation:[],//推荐商品数据
		season:[],//季节数据
		Promotion:[],//低价促销数据
		pageNum:[1,1,1]//记录当前的页数
  },
  onLoad: function(options){
    wx.cloud.getTempFileURL({
      fileList: [{
        fileID: "cloud://n11111-0giplrny1d5ddfe8.6e31-n11111-0giplrny1d5ddfe8-1308975426/楼层/楼层2_2.png",
        //maxAge: 60 * 60, // one hour
      }]
    }).then(res => {
      // get temp file URL
      console.log(res.fileList)
      console.log(res.fileList[0].fileID)
      this.setData({
        pp:res.fileList[0].fileID
      })
    })


    db.collection('loucengAll').get({
      success: res=> {
        // res.data 包含该记录的数据
        console.log(res.data)
        console.log(22)
        let a1=res.data
        console.log(a1)
        this.setData({
          louceng1:a1
        })
      }
    })
    this.coo();
    this.ceo();
    //this.cpo()

		// db.collection('recommend').get().then(res=>{
		// 	console.log(res.data[0].children);
		// 	console.log(res);
		// 	this.setData({
		// 		recommend:res.data,
		// 		// display:res.data[0].children
		// 	})
		// })
		let pageNum=this.data.pageNum
		db.collection('recommendation')//获取推荐数据
		.skip(pageNum[0]*15) // 跳过结果集中的前 15 条，从第 16 条开始返回
    .limit(15)// 限制返回数量为 15 条
		.get().then(res=>{
			console.log(res);
			// pageNum[0]++
			console.log(pageNum[0]);
			this.setData({
				recommendation:res.data,
				pageNum
			})
		})
		db.collection('season')//获取季节数据
		.skip(pageNum[1]*15) // 跳过结果集中的前 15 条，从第 16 条开始返回
    .limit(15)// 限制返回数量为 15 条
		.get().then(res=>{
			console.log(res);
			this.setData({
				season:res.data,
				pageNum
			})
		})
		db.collection('Promotion')//获取低价促销数据
		.skip(pageNum[2]*15) // 跳过结果集中的前 15 条，从第 16 条开始返回
    .limit(15)// 限制返回数量为 15 条
		.get().then(res=>{
			console.log(res);
			this.setData({
				Promotion:res.data,
			})
		})
		


		//获取.tab_1元素距离顶部的距离
		// const query = wx.createSelectorQuery()
		// query.select(".tab_1").boundingClientRect(res=>{
		// 	console.log(res.top);
		// }).exec


  },
  coo:function(){
		db.collection("banner").get().then(res=>{
			this.setData({
        lunbotu:res.data
      })
		})
  },
  ceo:function(){
    request({url: "https://api-hmugo-web.itheima.net/api/public/v1/home/catitems"}).then(res=>{
      this.setData({
        daohan:res.data.message
      })
    })
  },
  handleChange ({ detail }) {
		let a1 = detail.key
		let a2=this.data.recommend
    this.setData({
        current: detail.key
    });
		switch(a1){
			case 'recommend':
				this.setData({
					// display:a2[0].children,
					show:[false,true,true]
				})
				break;
			case 'season':
				this.setData({
					// display:a2[1].children,
					show:[true,false,true]
				})
				break;
			case 'Promotion':
			  this.setData({
					// display:a2[2].children,
					show:[true,true,false]
				})
			  break;
		}
  },
  // cpo:function(){
  //   request({url: "https://api-hmugo-web.itheima.net/api/public/v1/home/floordata"}).then(res=>{
  //     this.setData({
  //       louceng:res.data.message,
  //       loucengItem:res.data.message.map(v=>v.product_list)
  //     })
  //     //res.data.message.map(v=>v.product_list)
  //     console.log(res);
  //   })
  // }
  recommendFunction(){
	},
	seasonFunction(){
		showNum.season++
		if(showNum.Promotion==1 && showNum.season==1){
			console.log('我好了');
			this.setData({
				show:[false,true,true]
			})
		}
	},
	PromotionFunction(){
		showNum.Promotion++
		if(showNum.Promotion==1 && showNum.season==1){
			console.log('我好了');
			this.setData({
				show:[false,true,true]
			})
		}
	},
  onReady: function(){
    this.initTabObserver()
		// const query = wx.createSelectorQuery()
		// query.select(".tab_1").boundingClientRect(res=>{
		// 	console.log(res.top);
		// 	wx.pageScrollTo({
		// 		scrollTop: res.top, // 滚动到的位置（距离顶部 px）
		// 		duration: 0 //滚动所需时间 如果不需要滚动过渡动画，设为0（ms）
		// 	})
		// }).exec()
		
  },
	initTabObserver(){//设置.tab_1什么时候时候固定定位
		let { windowHeight } = wx.getSystemInfoSync()//获取页面高度
		this._obeserve = wx.createIntersectionObserver(this, {
      initialRatio: 0,
    })
    this._obeserve.relativeToViewport({//设置页面参考区域大小
      top: 42,
      bottom: -windowHeight
    }).observe('.tab_1', (res) => {
        console.log('res', res)
        let { intersectionRatio, boundingClientRect } = res
        if (intersectionRatio > 0 && boundingClientRect.top <= 0) {//intersectionRatio相交比例    boundingClientRect.top : intersectionRatio相交比例页面达到阈值（initialRatio）时目标上边界的位置 。
          this.setData({
            isFixed: true
          })
        }else if(intersectionRatio == 0 && boundingClientRect.top > 0){
          this.setData({
            isFixed: false
          })
        }
      })



		// this.tabObserver = wx.createIntersectionObserver(this)
    // this.tabObserver
    // // 相对于页面可视区
    // .relativeToViewport()
    // // 相对于某一个元素
    // .observe('.tab', (res) => {
    //   console.log(res);
    //   const visible = res.intersectionRatio > 0
    //   // this.setData({ tabFixed: !visible })
    // })
	},
  onShow: function(){
    
  },
  onHide: function(){
    wx.hideLoading()
  },
  onUnload: function(){

  },
  onPullDownRefresh: function(){
    console.log(222);
    wx.navigateTo({
      url: '../map2/index'
    })
    wx.showLoading({
      title: '载入中',
    })
  },
  onReachBottom: function(){
		let pageNum=this.data.pageNum
		let current=this.data.current
		wx.showLoading({
			title: '加载中',
		})
		switch(current){
			case "recommend":
				db.collection('recommendation')
		    .skip(pageNum[0]*15) // 跳过结果集中的前 15 条，从第 16 条开始返回
        .limit(15)// 限制返回数量为 15 条
		    .get().then(res=>{
					wx.hideLoading()
		    	console.log(res);
		    	if(res.data.length){
		    		pageNum[0]++
		    	  console.log(pageNum[0]);
		    	  this.setData({
		    	  	recommendation:res.data,
		    	  	pageNum
		    	  })
		    	}else{
		    		wx.showToast({
		    			title: '木有了',
		    			icon: 'error',
		    			duration: 2000
		    		})
		    	}
		    })
				break;

			case 'season':
				db.collection('season')
		    .skip(pageNum[1]*15) // 跳过结果集中的前 15 条，从第 16 条开始返回
        .limit(15)// 限制返回数量为 15 条
		    .get().then(res=>{
					wx.hideLoading()
		    	console.log(res);
		    	if(res.data.length){
		    		pageNum[1]++
		    	  console.log(pageNum[0]);
		    	  this.setData({
		    	  	season:res.data,
		    	  	pageNum
		    	  })
		    	}else{
		    		wx.showToast({
		    			title: '木有了',
		    			icon: 'error',
		    			duration: 2000
		    		})
		    	}
		    })
				break;

			case 'Promotion':	
			db.collection('Promotion')
		    .skip(pageNum[2]*15) // 跳过结果集中的前 15 条，从第 16 条开始返回
        .limit(15)// 限制返回数量为 15 条
		    .get().then(res=>{
					wx.hideLoading()
		    	console.log(res);
		    	if(res.data.length){
		    		pageNum[2]++
		    	  console.log(pageNum[0]);
		    	  this.setData({
		    	  	Promotion:res.data,
		    	  	pageNum
		    	  })
		    	}else{
		    		wx.showToast({
		    			title: '木有了',
		    			icon: 'error',
		    			duration: 2000
		    		})
		    	}
		    })
				break;
		}
		
  },
  onShareAppMessage: function(){

  },
  onPageScroll: function(e){
		console.log(e.scrollTop)
  },
  //item(index,pagePath,text)
  onTabItemTap:function(item){

  }
	
});